.el-button {
  font-weight: 400 !important
}

.el-button--text {
  @include fontColorImportant();
  &:hover,
  &:focus {
    border-color: transparent !important;
    background-color: transparent !important;
  }
}

.btn-ghost {
  &:hover {
    @include borderColor();
    @include backgroundColor();
  }
}

.el-button--primary,
.btn-primary {
  @include backgroundColorImportant();
  @include borderColorImportant();
  color: #fff !important;
  &:hover {
    @include backgroundColorPrimaryLight5Important();
    @include borderColorPrimaryLight5Important();
    color: #fff !important;
  }
}

.el-input-group__append button.el-button,
.el-input-group__append div.el-select .el-input__inner,
.el-input-group__append div.el-select:hover .el-input__inner,
.el-input-group__prepend button.el-button,
.el-input-group__prepend div.el-select:hover .el-input__inner {
  //@include borderColorImportant();
  //@include backgroundColorImportant();
}

.el-input-group__append, .el-input-group__prepend {
  @include borderColor();
}

.el-button--primary {
  &:hover {
    @include backgroundColorPrimaryLight3Important();
    @include borderColorPrimaryLight3Important();
  }
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  @include backgroundColor();
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  @include fontColor();
}

.el-pagination {
  @include fontColor();
}

.el-pagination button:hover {
  @include fontColorPrimaryLight5();
}

.el-pagination button.disabled {
  @include fontColorPrimaryLight9();
}

.el-pagination__sizes .el-input .el-input__inner:hover {
  @include borderColor();
}

.el-pagination__editor:focus {
  @include borderColor();
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  @include backgroundColor();
}

.el-pagination.is-background .el-pager li:not(.disabled):hover {
  @include fontColor();
}


.el-pagination.is-background .el-pager li:not(.disabled).active:hover {
  color: #fff;
}

.el-pager li:hover {
  @include fontColor();
}

.el-pager li.active {
  @include fontColor();
  @include backgroundColor();
  &:hover {
    color: #fff;
  }
}

.el-dropdown-btn {
  @include backgroundColorPrimaryLight5();
  &:hover {
    @include backgroundColor();
  }
}

.el-dropdown-menu__item {
  color: $text-color-regular;
}

.el-dropdown-menu__item:not(.is-disabled):hover {
  @include backgroundColor();
  @include fontColor();
}

.el-dropdown-menu__item:focus,.el-dropdown-menu__item:not(.is-disabled):hover {
  // @include backgroundColorPrimaryLight9();
  // @include fontColorPrimaryLight5();
  background-color: $bg-color-l4 !important;
  color: $text-color-regular !important;
}

.el-submenu.is-active .el-submenu__title {
  @include borderBottomColor();
}

.el-radio-button__inner:hover {
  @include fontColor();
}

.el-radio-button__orig-radio:checked + .el-radio-button__inner {
  @include backgroundColor();
  // @include fontColor();
  @include radioShadow();
  &:hover {
    color: #fff;
  }
}
.is-active .el-radio-button__inner:hover{
  color: #fff;
}

.el-switch__label {
  font-weight: 500;
  font-family: Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft Yahei,Heiti SC,WenQuanYi Micro Hei,Arial,sans-serif;
  color: #262626;
}
.el-switch__label.is-active {
  color: #262626;
}

.el-switch.is-checked .el-switch__core {
  @include backgroundColor();
  // @include borderColor();
  border-color: $color-primary;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  @include fontColor();
  background: #E7F9F9;
  // 多选默认样式
  p {
    & > span, label {
      color: $color-primary;
    }
  }
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
  // @include backgroundColorPrimaryLight9();
  background-color: $select-draggable-color;
}

.el-select {
  @include borderColor();
}

.el-select:hover .el-input__inner {
  @include borderColorPrimaryLight5();
}

.el-select-dropdown__item.selected {
  @include fontColor();
  background: #E7F9F9;
}
// 统一select下拉样式
.el-select-dropdown__item {
  color: #262626;
  padding: 0 16px;
  p {
    line-height: 22px;
    & > span {
      color: $text-color-regular !important;
    }
  }
}

.el-select .el-input__inner:focus {
  @include fontColor();
}

.el-select .el-input.is-focus .el-input__inner {
  @include borderColor();
}

.el-table th>.cell.highlight {
  @include fontColor();
}

.el-table__footer-wrapper tbody td,.el-table__header-wrapper tbody td {
  @include backgroundColorPrimaryLight9();
}

.el-table .ascending .sort-caret.ascending {
  @include borderBottomColor();
}

.el-table .descending .sort-caret.descending {
  @include borderTopColor();
}

.el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
  @include backgroundColorPrimaryLight5();
}

.el-table__body tr.current-row>td {
  @include backgroundColorPrimaryLight9();
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: #fafafa;
}

.el-table-filter__list-item:hover {
  @include backgroundColorPrimaryLight9();
  @include fontColorPrimaryLight5();
}

.el-table-filter__bottom button:hover {
  @include fontColor();
}

.el-date-table td.today span {
  @include fontColor();
}

.el-date-table td.available:hover {
  @include fontColor();
}

.el-date-table td.current:not(.disabled) span {
  @include backgroundColor();
  color: #fff;
}

.el-date-table td.end-date div,.el-date-table td.start-date div {
  @include fontColor();
}

.el-date-table td.end-date span,.el-date-table td.start-date span {
  @include backgroundColor();
  color: #fff !important;
}

.el-date-table td.selected span {
  @include backgroundColor();
}

.el-month-table td.today .cell {
  @include fontColor();
}

.el-month-table td .cell:hover {
  @include fontColor();
}

.el-month-table td.end-date .cell,.el-month-table td.start-date .cell {
  @include backgroundColor();
}

.el-month-table td.current:not(.disabled) .cell {
  @include fontColor();
}

.el-year-table td.today .cell {
  @include fontColor();
}

.el-year-table td .cell:hover,.el-year-table td.current:not(.disabled) .cell {
  @include fontColor();
}

.el-table__body tr.hover-row > td,
.el-table__body tr.hover-row.current-row > td,
.el-table__body tr.hover-row.el-table__row--striped > td,
.el-table__body tr.hover-row.el-table__row--striped.current-row > td {
  @include backgroundColorPrimaryLight9();
}

.el-date-picker__header-label.active,.el-date-picker__header-label:hover {
  @include fontColor();
}

.time-select-item.selected:not(.disabled) {
  @include fontColor();
}

.time-select-item:hover {
  @include backgroundColorPrimaryLight9();
}

.el-range-editor.is-active,.el-range-editor.is-active:hover {
  @include borderColor();
}

.el-picker-panel__shortcut:hover {
  @include fontColor();
}

.el-picker-panel__shortcut.active {
  @include fontColor();
}

.el-picker-panel__icon-btn:hover {
  @include fontColor();
}

.el-picker-panel {
  .start-date,
  .end-date {
    span {
      color: #fff;
    }
  }
}

.el-time-spinner__arrow:hover {
  @include fontColor();
}

.el-time-panel__btn.confirm {
  @include fontColor();
}

.el-message-box__headerbtn:focus .el-message-box__close,.el-message-box__headerbtn:hover .el-message-box__close {
  @include fontColor();
}

.el-breadcrumb__inner a:hover,.el-breadcrumb__inner.is-link:hover {
  @include fontColor();
}

.el-tabs__active-bar {
  @include backgroundColor();
}

.el-tabs__new-tab:hover {
  @include fontColor();
}

.el-tabs__item.is-active {
  @include fontColor();
}

.el-tabs__item:hover {
  @include fontColor();
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  @include fontColor();
}

.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
  @include fontColor();
}

.el-tree-node.is-drop-inner>.el-tree-node__content .el-tree-node__label {
  @include backgroundColor();
}

.el-input-number__decrease:hover,.el-input-number__increase:hover {
  @include fontColor();
}

.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
  @include borderColor();
}

.el-slider__bar {
  @include backgroundColor();
}

.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,.el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
  @include borderColor();
}

.el-loading-spinner .el-loading-text {
  @include fontColor();
}

.el-loading-spinner i {
  @include fontColor();
}

.el-upload--picture-card:hover,.el-upload:focus {
  @include fontColor();
  @include borderColor();
}

.el-upload:focus .el-upload-dragger {
  @include borderColor();
}


.el-upload-dragger .el-upload__text em {
  @include fontColor();
}

.el-upload-dragger:hover {
  @include borderColor();
}

.el-upload-list__item .el-icon-close-tip {
  @include fontColor();
}

.el-upload-list__item:hover {
  @include backgroundColorPrimaryLight9();
}

.el-upload-list__item.is-success .el-upload-list__item-name:focus,.el-upload-list__item.is-success .el-upload-list__item-name:hover {
  @include fontColor();
}

.el-upload-list__item-delete:hover {
  @include fontColor();
}

.el-progress-bar__inner {
  @include backgroundColor();
}

.el-badge__content--primary {
  @include backgroundColor();
}

.el-step__head.is-finish {
  @include fontColor();
  @include borderColor();
}

.el-step__title.is-finish {
  @include fontColor();
}

.el-step__description.is-finish {
  @include fontColor();
}

.el-collapse-item__header.focusing:focus:not(:hover) {
  @include fontColor();
}

.el-tag.el-tag--info {
  color: #909399 !important;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-tag.is-hit {
  @include borderColor();
}

.el-tag .el-tag__close:hover {
  @include backgroundColor();
}

.el-tag--dark {
  @include borderColor();
  @include backgroundColor();
}

.el-tag--dark.is-hit {
  @include borderColor();
}

.el-tag--plain {
  @include borderColorPrimaryLight5();
  @include fontColor();
}

.el-tag--plain.is-hit {
  @include borderColor();
}

.el-tag--plain .el-tag__close {
  @include fontColor();
}

.el-tag--plain .el-tag__close:hover {
  @include backgroundColor();
}

.el-cascader .el-input .el-input__inner:focus,.el-cascader .el-input.is-focus .el-input__inner {
  @include borderColor();
}

.el-cascader__suggestion-item.is-checked {
  @include fontColor();
}

.el-textarea__inner:focus {
  @include borderColor();
}

.el-input.is-active .el-input__inner,.el-input__inner:focus {
  @include borderColor();
}

.el-transfer__button {
  @include backgroundColor();
}

.el-transfer__button {
  @include backgroundColorPrimaryLight5();
}

.el-transfer-panel__item:hover {
  @include fontColor();
}

.el-timeline-item__node--primary {
  @include backgroundColor();
}

.el-link.el-link--default:after,.el-link.el-link--primary.is-underline:hover:after,.el-link.el-link--primary:after {
  @include borderColor();
}

.el-link.el-link--default:hover {
  @include fontColor();
}

.el-link.el-link--primary {
  @include fontColor();
}

.el-button:focus:not(.is-disabled),.el-button:hover:not(.is-disabled) {
  @include fontColor();
  @include borderColorPrimaryLight5();
  @include backgroundColorPrimaryLight9();
}

.el-button.is-plain:focus,.el-button.is-plain:hover {
  @include borderColor();
  @include fontColor();
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
  @include backgroundColor();
  @include borderColor();
}

.el-button--primary.is-plain:focus,.el-button--primary.is-plain:hover {
  @include backgroundColor();
  @include borderColor();
}

.el-backtop,.el-calendar-table td.is-today {
  @include borderColor();
}

.el-checkbox.is-bordered.is-checked {
  @include borderColor();
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  @include backgroundColor();
  @include borderColor();
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  @include fontColor();
}

.el-checkbox__input.is-focus .el-checkbox__inner {
  @include borderColor();
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  @include backgroundColorImportant();
  @include borderColorImportant();
}

.el-checkbox__inner:hover {
  @include borderColor();
}

.el-checkbox-button__inner:hover {
  @include fontColor();
}

.el-checkbox-button.is-checked .el-checkbox-button__inner {
  @include backgroundColor();
  @include borderColor();
  @include buttonShadow();
}

.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
  @include borderLeftColor();
}

.el-checkbox-button.is-focus .el-checkbox-button__inner {
  @include borderColor();
}

.el-radio.is-bordered.is-checked {
  @include borderColor();
}

.el-radio__input.is-checked .el-radio__inner {
  @include backgroundColor();
  @include borderColor();
}

.el-radio__input.is-checked+.el-radio__label {
  @include fontColor();
}

.el-radio__input.is-focus .el-radio__inner {
  @include borderColor();
}

.el-radio__inner:hover {
  @include borderColor();
}

.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path {
  @include fontColor();
}
.el-cascader-menu__item.is-active {
  @include fontColor();
}

.el-input__inner {
  &:hover {
    @include borderColorPrimaryLight5();
  }
}
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background-color: #f2f6fc !important;
  border-color: #e0e1e2 !important;
}
.el-checkbox__input.is-disabled+span.el-checkbox__label {
  color: #c0c4cc !important;
  cursor: not-allowed !important;
}

.el-loading-mask {
  .el-loading-spinner .path {
    stroke: $color-primary-light-6;
  }
}
